@import "common/css/var.scss";
@import "common/css/mixin.scss";

.yb-icon {
  background-image: url("./assets/small-icon.svg");
  background-repeat: no-repeat;
  &-product {
    background-image: url("./assets/icon-product-item.svg");
    background-repeat: no-repeat;
  }
}

.icon {
  // 产品列表首页各项
  &-product {
    &-item {
      &-1 {
        width: 56px;
        height: 56px;
        background-position: -64px -119px;
      }
      &-2 {
        width: 56px;
        height: 56px;
        background-position: -143px -119px;
      }
      &-3 {
        width: 56px;
        height: 56px;
        background-position: -222px -119px;
      }
      &-4 {
        width: 56px;
        height: 56px;
        background-position: -301px -119px;
      }
      &-5 {
        width: 56px;
        height: 56px;
        background-position: -380px -119px;
      }
      &-6 {
        width: 56px;
        height: 56px;
        background-position: -459px -119px;
      }
      &-7 {
        width: 56px;
        height: 56px;
        background-position: -538px -119px;
      }
      &-8 {
        width: 56px;
        height: 56px;
        background-position: -617px -119px;
      }
      &-9 {
        width: 56px;
        height: 56px;
        background-position: -696px -119px;
      }
      &-10 {
        width: 56px;
        height: 56px;
        background-position: -775px -119px;
      }
      &-11 {
        width: 56px;
        height: 56px;
        background-position: -854px -119px;
      }
      &-12 {
        width: 56px;
        height: 56px;
        background-position: -933px -119px;
      }
      &-13 {
        width: 56px;
        height: 56px;
        background-position: -1012px -119px;
      }
      &-14 {
        width: 56px;
        height: 56px;
        background-position: -1091px -119px;
      }
      &-15 {
        width: 56px;
        height: 56px;
        background-position: -1170px -119px;
      }
      &-16 {
        width: 56px;
        height: 56px;
        background-position: -1249px -119px;
      }
      &-IOU {
        width: 56px;
        height: 56px;
        background-position: -1328px -119px;
      }
    }
  }
  // 查询模块
  &-query {
    // 头部
    &-header {
      &-1 {
        width: 80px;
        height: 80px;
        background-position: -64px -285px;
      }
      &-2 {
        width: 80px;
        height: 80px;
        background-position: -158px -285px;
      }
      &-3 {
        width: 80px;
        height: 80px;
        background-position: -252px -285px;
      }
      &-4 {
        width: 80px;
        height: 80px;
        background-position: -346px -285px;
      }
      &-5 {
        width: 80px;
        height: 80px;
        background-position: -440px -285px;
      }
      &-6 {
        width: 80px;
        height: 80px;
        background-position: -534px -285px;
      }
      &-7 {
        width: 80px;
        height: 80px;
        background-position: -628px -285px;
      }
      &-8 {
        width: 80px;
        height: 80px;
        background-position: -722px -285px;
      }
      &-9 {
        width: 80px;
        height: 80px;
        background-position: -816px -285px;
      }
      &-10 {
        width: 80px;
        height: 80px;
        background-position: -910px -285px;
      }
      &-11 {
        width: 80px;
        height: 80px;
        background-position: -1004px -285px;
      }
      &-12 {
        width: 80px;
        height: 80px;
        background-position: -1098px -285px;
      }
      &-13 {
        width: 80px;
        height: 80px;
        background-position: -1192px -285px;
      }
      &-14 {
        width: 80px;
        height: 80px;
        background-position: -1286px -285px;
      }
      &-15 {
        width: 80px;
        height: 80px;
        background-position: -1380px -285px;
      }
      &-16 {
        width: 80px;
        height: 80px;
        background-position: -1474px -285px;
      }
      &-IOU {
        width: 80px;
        height: 80px;
        background-position: -1568px -285px;
      }
    }
    // 结果 （0成功 1失败）
    &-resuit {
      &-0 {
        width: 24px;
        height: 24px;
        background-position: -102px -96px;
      }
      &-1 {
        width: 24px;
        height: 24px;
        background-position: -142px -96px;
      }
      &-wait {
        width: 24px;
        height: 24px;
      }
      &-isvalid {
        &-0 {
          width: 14px;
          height: 14px;
          position: relative;
          top: 3px;
          margin-right: 6px;
          background-position: -182px -96px;
          &-low {
            width: 14px;
            height: 14px;
            margin-right: 6px;
            background-position: -258px -96px;
          }
        }
        &-1 {
          width: 14px;
          height: 14px;
          position: relative;
          top: 3px;
          margin-right: 6px;
          background-position: -212px -96px;
        }
      }
      &-handle {
        &-0 {
          width: 60px;
          height: 20px;
          background-position: -560px -40px;
        }
        &-1 {
          width: 60px;
          height: 20px;
          background-position: -640px -40px;
        }
      }
      &-return {
        &-0 {
          width: 60px;
          height: 20px;
          background-position: -760px -40px;
        }
        &-1 {
          width: 60px;
          height: 20px;
          background-position: -838px -40px;
        }
      }
    }
    // 记录 （0成功 1失败）
    &-record {
      &-0 {
        width: 72px;
        height: 20px;
        background-position: -252px -40px;
      }
      &-1 {
        width: 72px;
        height: 20px;
        background-position: -340px -40px;
      }
      &-wait {
        width: 72px;
        height: 20px;
        background-position: -428px -40px;
      }
    }
  }
  // 有效性
  &-valid {
    &-0 {
      width: 56px;
      height: 20px;
      background-position: -40px -40px;
    }
    &-1 {
      width: 56px;
      height: 20px;
      background-position: -112px -40px;
    }
  }
  // sdk 下载
  &-sdk {
    &-JAVA {
      width: 160px;
      height: 80px;
      background-position: -40px -360px;
    }
    &-PHP {
      width: 160px;
      height: 80px;
      background-position: -224px -360px;
    }
    &-PYTHON {
      width: 160px;
      height: 80px;
      background-position: -408px -360px;
    }
  }
  &-api {
    &-btn {
      width: 18px;
      height: 16px;
      position: relative;
      top: 3px;
      background-position: -69px -95px;
      margin-right: 8px;
    }
  }
  &-synopsis {
    margin: 1px 0 0 16px;
    width: 14px;
    height: 14px;
    background-position: -40px -96px;
    cursor: pointer;
  }
  &-logo {
    width: 196px;
    height: 33px;
    background-position: -200px -301px;
    margin: 0 auto 50px;
    position: relative;
    cursor: pointer;
    &-base {
      width: 140px;
      height: 24px;
      background-position: -40px -300px;
      cursor: pointer;
    }
  }
  &-upload {
    width: 16px;
    height: 14px;
    background-position: -376px -96px;
    &-white {
      width: 16px;
      height: 14px;
      background-position: -344px -96px;
    }
  }
  &-folder {
    width: 16px;
    height: 14px;
    margin-right: 4px;
    background-position: -312px -96px;
  }
  &-resetPass {
    &-success {
      width: 80px;
      height: 80px;
      background-position: -168px -168px;
    }
  }
  &-empowerment {
    &-success {
      width: 104px;
      height: 115px;
      background-position: -452px -153px;
    }
  }
  &-logout {
    position: relative;
    top: 2px;
    width: 16px;
    height: 14px;
    background-position: -400px -96px;
  }
  &-time {
    width: 16px;
    height: 16px;
    background-position: -460px -96px;
  }
  &-search {
    width: 18px;
    height: 18px;
    background-position: -430px -94px;
  }
}
